import React, { Component } from 'react';
import Counters from './components/Counters';
class App extends Component {
    constructor(props) {
        super(props);
    }
    state = {
        Size: 500
    }
    onChangeA = (val) => {
        this.setState({ Size: val })
    }
    render() {
        return (<div>
            {/*
            父组件给子组件传的值 props
            num  ： 中间value
            min  :  最小值
            max  :  最大值
            step :  加减幅度数
            */}
            {/* 
            子组件给父组件传的值 onChang
            onChangeA事件
            接收参数 val
            根据val修改现有的值Size
            */}
            <Counters value={this.state.Size} min={1} max={1000} step={10} onChang={this.onChangeA} />
            <div style={{
                background: "pink",
                width: this.state.Size,
                height: this.state.Size
            }}>

            </div>
        </div >);
    }
}

export default App;